<template>
    <div class="popup">
             <div class="bg">
                 <div class="content">
                    <div class="head">
                        <p>是否确定支付该订单</p>
                    </div>
                    <div class="bts">
                        <div class="left" @click="touser1">
                            取消
                        </div>
                        <div class="right" @click='touser2'>
                            确定
                        </div>
                    </div>
                 </div>
             </div>
    </div>
</template>

<script>
    export default {
        methods: {
            touser1(){
                this.$router.push({ path: 'user', query: { id:1 }})
                window.localStorage.setItem("btindex",4)
                
               
            },touser2(){
                this.$router.push({ path: 'user', query: { id:2}})
                 window.localStorage.setItem("btindex",4)  
              
            }
        },
    }
</script>

<style lang="scss" scoped>
.popup{
    .bg{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background: rgba($color: #090909, $alpha: 0.5);
        z-index: 50;
        .content{
            width: 70%;
            margin: 0 auto;
            height: 80px;
            position: fixed;
            top: 40%;
            left: 15%;
            background-color: rgb(255, 255, 255);
            border-radius: 13px;
            overflow: hidden;
            .head{
                border-bottom: 1px solid #f2f2f2;
                height: 50px;
                p{
                    line-height: 50px;
                    text-align: center;
                }
            }
            .bts{
                display: flex;
                .left{
                    width: 50%;
                    height: 27px;
                    text-align: center;
                    border-top: 1px solid gray;
                    line-height: 27px;
                    padding-bottom: 7px;
                }
                 .right{
                    width: 50%;
                    height: 27px;
                      line-height: 27px;
                    text-align: center;
                     border-top: 1px solid gray;
                    border-left: 1px solid gray;
                }
            }
        }
    }
}
</style>